//请求的Api接口
import {
  getproduct
} from "../../util/api"
Page({

  data: {

    //传过来产品的ID
    id: "",
    //图片数组
    imgUrls: [],
    height: 0,
    circular: true,
    autoplay: true,
    interval: 5000,
    duration: 1000,
    //价钱
    price: 0,
    //标题
    title: "",
    //已售
    sold: 0,
    //剩余
    surplus: 0,
    //行程亮点
    highlights: [],
    //行程概况
    tripDay: [],
    //弹窗图片
    commodityImg: [],
    //日期
    date: [],
    //日期ID
    dateId: 0,
    //电话
    phone: "",
    //数量选择器
    num: 1,
    GoodArr: [{
      id: 1
    }],
    //地区
    district:"",
    // 使用data数据对象设置样式名 
    minusStatus: 'disabled',

  },
  /* 点击减号 */
  bindMinus: function () {
    var num = this.data.num;
    // 如果大于1时，才可以减 
    if (num > 1) {
     //页面跳转传递购买数量对象
      var list = [];
      for(var i = 0; i < this.data.GoodArr.length - 1; i++){
        list.push( this.data.GoodArr[i]);
      }
      num--;
    }
    // 只有大于一件的时候，才能normal状态，否则disable状态 
    var minusStatus = num <= 1 ? 'disabled' : 'normal';
    // 将数值与状态写回 
    this.setData({
      num: num,
      minusStatus: minusStatus,
      GoodArr: list
    });
  },
  /* 点击加号 */
  bindPlus: function () {
    var num = this.data.num;
    // 不作过多考虑自增1 
    num++;

    //传递购买数量
    var list = [];
    for (let index = 0; index < num; index++) {
      list.push({
        id: index + 1
      });
    }
    // 只有大于一件的时候，才能normal状态，否则disable状态 
    var minusStatus = num < 1 ? 'disabled' : 'normal';
    // 将数值与状态写回 
    this.setData({
      num: num,
      minusStatus: minusStatus,
      GoodArr: list
    });
  },
  /* 输入框事件 */
  bindManual: function (e) {
    var num = e.detail.value;
    // 将数值与状态写回 
    this.setData({
      num: num
    });
  },
  guige(e) {

    this.setData({
      dateId: e.currentTarget.dataset.id,
    })
  },
  formSubmit: function (e) {
    var that = this
    //获取日期的ID
    var regionInfocc = that.data.dateId;
    //根据点击的ID获取相对应的值
    var datetime = this.data.date[regionInfocc].date
    var title = this.data.title;
    var price = this.data.price;
    var commodityImg = this.data.commodityImg;
    var goodarr = JSON.stringify(this.data.GoodArr);
    var district=that.data.district;
    let {
      num
    } = e.detail.value; //获取表单值

    this.setData({
      num,
    });
    wx.navigateTo({
      url: '../order/order?title=' + title + '&price=' + price + '&datetime=' + datetime + '&num=' + num + '&commodityImg=' + commodityImg + '&goodarr=' + goodarr+ '&district=' + district,
    })
  },
  getList: function () {

    var id = {
      id:this.data.id
    };
    getproduct(
      id
    ).then((res) => {
      if (res.data.ret === 200) {

   console.log();
   
        //动态修改标题
        wx.setNavigationBarTitle({
          title: res.data.data.title
        })
        //循环后台图片数组
        var fileList = [];
        for (let index = 0; index < JSON.parse(res.data.data.Imgaddress).length; index++) {
          fileList.push(JSON.parse(res.data.data.Imgaddress)[index]);
        }
        //循环行程亮点
        var highlightsList = [];
        for (let index = 0; index < JSON.parse(res.data.data.highlights).length; index++) {
          highlightsList.push({
            id: "0" + (index + 1),
            text: JSON.parse(res.data.data.highlights)[index]
          }, );
        }
        //循环行程概况
        var journeyList = [];
        for (let index = 0; index < JSON.parse(res.data.data.journey).length; index++) {
          journeyList.push({
            id: "Day" + (index + 1),
            text: JSON.parse(res.data.data.journey)[index]
          }, );
        }
        //循环行程概况
        var DateList = [];
        for (let index = 0; index < JSON.parse(res.data.data.departuretime).length; index++) {
          DateList.push({
            id: index,
            date: JSON.parse(res.data.data.departuretime)[index]
          });
        }

        this.setData({
          imgUrls: fileList, //赋值图片数据
          price: res.data.data.price, //赋值价格
          title: res.data.data.title, //赋值标题
          surplus: res.data.data.applicantsnumber, //赋值人数
          highlights: highlightsList, //赋值行程亮点
          tripDay: journeyList, //行程概况
          commodityImg: fileList[0],
          date: DateList,
          district:res.data.data.district
        })


      }
    })
  },

  //轮播图点击预览
  imgYu: function (event) {
    var that = this;
    var src = event.currentTarget.dataset.src; //获取data-src
    var imgList = that.data.imgUrls; //获取data-list
    // //图片预览
    wx.previewImage({
      current: src, // 当前显示图片的http链接
      urls: imgList // 需要预览的图片http链接列表
    });

  },
  // 轮播图
  SetHeight(e) {
    //图片的原始宽度
    var imgWidth = e.detail.width;

    //图片的原始高度
    var imgHeight = e.detail.width;
    //同步获取设备宽度
    var sysInfo = wx.getSystemInfoSync();
    // console.log("设备宽度" + sysInfo);
    //获取屏幕宽度
    var screenWidth = sysInfo.screenWidth;
    //获取屏幕和原图的比例
    var scale = screenWidth / imgWidth;

    //设置容器的高度
    this.setData({
      height: imgHeight * scale * 0.58
    })

  },
  //点击我显示底部弹出框
  clickme: function () {
    this.showModal();
  },
  //显示对话框
  showModal: function () {
    // 显示遮罩层
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
      showModalStatus: true
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export()
      })
    }.bind(this), 200)
  },
  //隐藏对话框
  hideModal: function () {
    // 隐藏遮罩层
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
    })
    setTimeout(function () {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export(),
        showModalStatus: false
      })
    }.bind(this), 200)
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {


    this.setData({
      id: options.id,

    })
    this.getList();

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})